$(function () {
    var layer = layui.layer

    getUserInfo()

    $('#btn-logout').on('click', function () {
        //提示用户是否确认退出
        layer.confirm('是否退出到登陆页面', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //清除本地存储中的 token 
            localStorage.removeItem('token')
            //跳转到登录页
            location.href = './login.html'
            //关闭confirm询问框
            layer.close(index);
        });
    })

})

function getUserInfo() {

    $.ajax({
        method: 'GET',
        url: '/my/userinfo',
        // //headers 请求头配置对象
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // },
        success(res) {
            if (res.status !== 0) {
                return layer.msg('获取用户信息失败')
            }
            //调用 randerAvatar 渲染用户的头像
            randerAvatar(res.data)
        },
    })
}
//渲染用户的头像
function randerAvatar(user) {
    //1.获取用户的昵称
    let name = user.nickname || user.username;
    //2.设置欢迎的文本
    $('#welcome').html('欢迎&nbsp;&nbsp;' + name)
    //3.按需渲染用户的头像
    if (user.user_pic !== null) {
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.text-avatar').hide();
    } else {
        let first = name[0].toUpperCase();
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }
}


